<template>
  <div class="vol-dashboard" v-if="id">
    <vol-dashboard :readonly="true" :id="id"></vol-dashboard>
  </div>
</template>
<script setup>
import { defineComponent, ref, reactive, toRefs, getCurrentInstance, onMounted } from 'vue'
import { useRouter, useRoute } from 'vue-router'
const route = useRoute()
const { proxy } = getCurrentInstance()
//如果要显示固定工作台设计器,将工作台设计器页面的编号放这里
const id=ref('844695d0-19ff-43e0-b479-7c05f3887f27');


//从后台接口获取工作台id（这里id必须是空值）
//const id=ref();
// //也可以从后台获取id动态显示，注意上面
// proxy.http.get('url',{},false).then(resultId=>{
//     id.value=resultId;
// })
</script>
<style scoped lang="less">
.vol-dashboard {
  position: absolute;
  width: 100%;
  height: 100%;
  background: #f9f9f9;
}
.vol-dashboard ::v-deep(.grid-layout-content) {
  margin: 0 !important;
}
.vol-dashboard ::v-deep(.grid-box) {
  padding: 0 !important;
}
</style>
